<template>
  <!-- 收藏页面 -->
  <div>
    <div>
      <!-- 头部 -->
      <header>
        <Title></Title>
      </header>
    </div>
    <!-- 列表 -->
    <div class="list">
          <van-cell
            v-for="item in list"
            :key="item.articleId"
            :title="item.title"
            :to="{name:'details',params:{articleId:item.articleId}}"
          ></van-cell>
    </div>
    <!-- 底部 -->
    <Botto></Botto>
  </div>
</template>
<script>
import Title from "../components/Title";
import Botto from "../components/Bottom";
import { collection } from "../api/User-api";
export default {
  created() {
    collection().then(res => {
      this.list = res.rows;
    });
  },
  data() {
    return {
      list: [],
    };
  },
  components: {
    Title,
    Botto
  },
  methods: {
  }
};
</script>
<style lang="less" scoped>
</style>